<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width,initial-scale=1.0" />
        <title>Document</title>
    </head>
<body>
    <div id = 'app'>
        <input type="checkbox" v-model = 'ok'/>是否同意许可协议<br>
        <!-- if else 删除节点 创建节点 -->
        <button v-if ='ok'>同意if</button>
        <button v-else disabled>不同意else</button>
<!-- v-show 隐藏节点，展示节点 -->
        <button v-show = 'ok'>下一步</button>
        <button v-show ='!ok'>下两步</button>
       
    </div>
<script src = 'vue.js'></script>
<script>
    new Vue({
        el:'#app',
        data () {
            return {
                ok: false,//是否同意许可协议
            }
        }
    })
</script>
</body>
</html>